import React from 'react'
import {
  Link,
  NavLink
} from 'react-router-dom';
import './sideNav.scss';

export default class SideNav extends React.Component {
  render() {
    return (
      <div className="sideWrapper">
        <ul>
          <li>
            <NavLink exact className="menu" activeClassName="active-menu" to="/">
              <span className="icon iconfont iconfont-size">&#xe630;</span>
              <span>首页</span>
            </NavLink>
          </li>
          <li>
            <NavLink className="menu" activeClassName="active-menu" to="/map">
              <span className="icon iconfont iconfont-size">&#xeb53;</span>
              <span>地图展示</span>
            </NavLink>
          </li>
          <li>
            <NavLink className="menu" activeClassName="active-menu" to="/analysis">
              <span className="icon iconfont iconfont-size">&#xe63e;</span>
              <span>统计分析</span>
            </NavLink>
          </li>
          <li>
            <NavLink className="menu" activeClassName="active-menu" to="/car">
              <span className="icon iconfont iconfont-size">&#xe60c;</span>
              <span>车辆管理</span>
            </NavLink>
          </li>
          <li>
            <NavLink className="menu" activeClassName="active-menu" to="/monitor">
              <span className="icon iconfont iconfont-size">&#xeb37;</span>
              <span>监控管理</span>
            </NavLink>
          </li>
        </ul>
      </div>
    )
  }
}